Pagination 分页

更多用法请看 ElementPlus 的 Pagination 文档。

Teek 基于 ElementPlus 的 Pagination 组件去掉了 layout 的 sizes 选项。

基础用法

较少的页数

• 1
• 2
• 3
• 4
• 5

超过 7 页

• 1
• 2
• 3
• 4
• 5
• 6
• 100

带有背景色的分页

• 1
• 2
• 3
• 4
• 5
• 6
• 100

<script lang="ts" setup>
import { TkPagination } from "vitepress-theme-teek";
</script>

<template>
  <div class="example-pagination-block">
    <div>较少的页数</div>
    <TkPagination layout="prev, pager, next" :total="50" />
  </div>
  <div class="example-pagination-block">
    <div>超过 7 页</div>
    <TkPagination layout="prev, pager, next" :total="1000" />
  </div>
  <div class="example-pagination-block">
    <div>带有背景色的分页</div>
    <TkPagination background layout="prev, pager, next" :total="1000" />
  </div>
</template>

隐藏源代码